<template>
  <div class="homes">
    <router-view></router-view>
    <!-- 底部 -->
    <div class="bottom" v-show="this.$route.meta.isShowTab">
      <figure @click="adduser">
        <img src="./assets/bottom/bottom_item_carssify.png" />
        <p>首页</p>
      </figure>
      <figure @click="addcls">
        <img src="./assets/bottom/bottom_item_cart.png" />
        <p>分类</p>
      </figure>
      <figure @click="shoplist">
        <img src="./assets/bottom/bottom_item_soye.png" />
        <p>购物车</p>
      </figure>
      <figure @click="personal">
        <img src="./assets/bottom/buttom_item_user.png" />
        <p>个人</p>
      </figure>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    addcls() {
      console.log(111);
      this.$router.push({path:"/Classification"});
    },
    adduser() {
      console.log(111);
      this.$router.push("/");
    },
    //购物车
    shoplist(){
      this.$router.push({path:"/shopping"})
    },
    //个人
    personal(){
      this.$router.push({path:"/personal"})
    }
  },
};
</script>


<style lang="scss">
* {
  margin: 0;
  padding: 0;
  font-size: 0.25rem;
  vertical-align:middle
}
.bottom {
  width: 100%;
  height: 10vh;
  display: flex;
  bottom: 10px;
  // background: lemonchiffon;
  align-items: center;
  justify-content: space-around;
}
.top {
  width: 100%;
  height: 90vh;
  // background: lawngreen;
  overflow: scroll;
}
</style>


